<template>
    <art-table class="table" :data="tableData" :pagination="false" size="large" :border="false" :stripe="false"
        :show-header-background="false" :height="500" :currentPage="pageNum" :pageSize="pageSize" :total="pageTotal"
        @current-change="currentChange" @size-change="sizeChange">
        <template #default>
            <el-table-column label="日期" prop="name" align="center" />
            <el-table-column label="新增用户" prop="price" align="center" />
            <el-table-column label="新增学员" prop="saleNum" align="center" />
            <el-table-column label="累计用户数" prop="saleAmount" align="center" />
            <el-table-column label="累计学员数" prop="saleAmount" align="center" />
        </template>
    </art-table>
</template>
<script lang="ts" setup>
const tableData = ref([])

const pageNum = ref(1)
const pageSize = ref(10)
const pageTotal = ref(0)
const currentChange = (val: number) => {
    pageNum.value = val
    // getData()
}

const sizeChange = (val: number) => {
    pageSize.value = val
    pageNum.value = 1
    // getData()
}
</script>
<style lang="scss" scoped></style>